import React, {Component} from 'react';
import { connect} from 'react-redux';
import Top from '../../component/top/top';
import FootCon from '../../component/footCon/footCon';
import {StoreDetail} from "./storeDetail/storeDetail";
import { setRouterName } from '../../store/public/action';

import storeBannerImg from '../../static/img/store/store_banner01.jpg'

import './stores.scss';

class Stores extends Component {
    componentWillMount(){
        const {dispatch} = this.props;
        //console.log(this.props.location.pathname);
        dispatch(setRouterName(this.props.location.pathname, this.props.history));
    }
    componentWillReceiveProps(nextProps){

    }

    render() {
        return (
            <div className='stores'>
                <Top></Top>
                <div className='storeBanner'>
                    <img src={storeBannerImg} alt='文章banner'/>
                </div>
                <StoreDetail></StoreDetail>
                <FootCon></FootCon>
            </div>
        )
    }
}

// 将store中的数据作为props绑定到组件中，只要store更新了就会调用mapStateToProps方法
// 返回的结果必须是object对象,作为输入
// 键是该组件的prop属性，值是该prop的值

// // 返回包含对应action的object对象,作为输出
// // 键是prop的属性名，值是一个redux的dispatch
// // 当这个prop属性被用于触发时，dispatch会改变redux中state的值。
/*const mapDispatchToProps = (dispatch) =>{
    console.log('ff22')
    return null
}*/
// //第一个括号中的参数是用来改变该组件prop的方法，第二个括号是要添加prop的react组件
export default connect()(Stores)